<template>
  <div>
    <FunctionButtons @click.native="reload()" buttonName= state></FunctionButtons>
    <el-row style="background: #000;">
      <audio ref="'audio" :src="music_path" controls="controls"></audio>
    </el-row>
  </div>
</template>

<script>
import FunctionButtons from '@/components/Button'

export default {
  name: 'MusicMessage',
  data () {
    return {
      state: 'pause',
      music_path: 'http://ip.h5.rc01.sycdn.kuwo.cn/3191701a55156ac469c20f6669dbc2d6/63589c49/resource/n1/5/81/648069409.mp3'
    }
  },
  props: {
    FunctionButtons
  },
  methods: {
    reload () {
      this.$refs.audio.src = 'http://ip.h5.rc01.sycdn.kuwo.cn/3191701a55156ac469c20f6669dbc2d6/63589c49/resource/n1/5/81/648069409.mp3'
    }
  }
}
</script>

<style scoped>

</style>
